header{
    width: 100%;
    box-sizing: border-box;
    height: 65px;
    padding: 0 30px;
    border-bottom: 2px solid #ccc;
    z-index: 999;
}

header .logo img{
    width: 230px;
    height: 30px;
    margin-top: 20px;
}

header .menu{
    left: 50%;
    transform: translateX(-50%);
}

header .menu li{
    float: left;
    line-height: 65px;
    margin: 0 20px;
}

header .menu li a{
    color: #666;

}

header .menu  .active{
    border-bottom: 3px solid #00bdff;
}

header .right-box{
    margin-top: 20px;
}    

header .right-box a{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    border: 1px solid #fff;
    border-radius: 12px;
    color: #fff;
}

header .right-box a:last-child{
    margin-left: 10px;
    background-color: #ed510a   ;
    border: 1px solid #ed510a;
}

#mydiv canvas{
    background: #FBFBFB;
    opacity: .3;
}